/* 文字基本颜色 */
/* 按钮 颜色*/
$themeBlue: #0189ff;
/* 背景 颜色*/
$bacColor: #f8f8f8;
/* 价格 颜色*/
$priceColor: #FD4834;

/*首页颜色*/ 
/* 首页深黑*/
$homeBlack: #232323;
/* 首页灰色*/
$homeGrey: #999999;

/* 样式*/
/*阴影*/
$shadow:  0px 2rpx 6rpx 0px rgba(0,0,0,0.08); ;

 /* 此项目*/
// 黄色修饰
@mixin yellowDecorate($bottom:0){ 
	content: "";
	position: absolute;
	right: -5rpx;
	bottom: $bottom;
	display: inline-block;
	width: 30rpx;
	height: 14rpx;
	background: linear-gradient(180deg, #ffe537, rgba(255, 255, 255, 0.00));
	border-radius: 2rpx;
	z-index: -1;
}
@mixin myInput(){
	background-color: #f8f8f8;
    border-radius: 20rpx;
    padding: 10rpx;
}


/*通用*/
//button
@mixin themeButton($width: 90%, $color: #fff, $radius: 30rpx, $bac: $themeBlue, $border: none) {
	width: $width;
	height: 90rpx;
	background-color: $bac;
	color: $color;
	border-radius: $radius;
	font-size: 32rpx;
	border: $border;
}
// flex 布局
@mixin flex($justify: baseline, $aligin: stretch,$wrap:wrap) {
	display: flex;
	justify-content: $justify;
	flex-wrap: $wrap;
	align-items: $aligin;
}
/* 超出文字省略*/
@mixin text-overflow($line:1){
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:$line; // 控制多行的行数
	-webkit-box-orient: vertical;
}
